<template>
  <div>
    <h3>多选框</h3>
    <!-- el-checkbox
      v-model:一组checkbox选中后的值
      label:选中该项后的值
      默认插槽：内容

      v-model=非数组
        选中某项它的值就会变成true
        取消某项就会变成false
      v-model="数组"
        选中某项它的值就会添加该项的label的值
        取消选中某项它的值就会删除该项的label的值
     -->
    <h1>{{ val }}</h1>
    <!-- 去过哪里 -->
    <el-checkbox v-model="val" :label="0">福田</el-checkbox>
    <el-checkbox v-model="val" :label="1">宝安</el-checkbox>
    <el-checkbox v-model="val" :label="2">南山</el-checkbox>
  </div>
</template>
<script>
export default {
  data() {
    return {
      val: []
    }
  }
}
</script>
<style></style>
